<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="{{asset('css/normalize.css')}}" rel="stylesheet">
    <link href="{{asset('css/view2.css')}}" rel="stylesheet">
    <script type="text/javascript" src="{{asset('vendor/markdown/js/jquery.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/view1.js')}}"></script>
</head>

<body>
    <nav>
        <div class="center">
            <div class="nav-brand left">
            </div>
            <ul class="nav-left left">
                <li><button><a href="http://test.cn">首页</a href=""></button></li>
                <li><button><a href="http://test.cn/ranking">排行榜</a></button></li>
                <li><button><a href="http://test.cn/information">消息</a></button></li>
            </ul>
            <div class="nav-form left">
                <input type="text" placeholder="搜索文章">
                <span class="search"></span>
            </div>
            <ul class="nav-right right">
                <li>
                    <a class="writing" href="#">写文章</a>
                </li>
                <li>
                    <a class="person dropdown" href="#"></a>
                    <!-- 下拉菜单 -->
                    <ul class="drop-menu">
                        <li>
                            <a href="http://test.cn/setting">用户中心</a>
                        </li>
                        <li>
                            <a href="http://test.cn/login">注销</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    <main>
        <p class="title-head">文章详情</p>
        <article>
            <header>
                <h1>详细判断浏览器运行环境(可能是最全的判断，值得一看)</h1>
                <div class="title-row">
                    <span class="author">何定军</span>
                    <span class="public">发表于 2019-10-23</span>
                    <a class="front" href="#">前端</a>
                    <a class="backg" href="#">javascript</a>
                    <a class="backg" href="#">javascript</a>
                    <a class="backg" href="#">javascript</a>
                    <a class="backg" href="#">javascript</a>
                    <a class="backg" href="#">javascript</a>
                    <span class="read-num">13456次阅读</span>
                </div>
            </header>
            <!--style="width:75%;margin:0 auto"-->
            <div id="doc-content" style="width:50%;margin:0 auto">
                <textarea id="markdown_show" style="display:none;"># GIT

## 配置用户名和邮箱

```
git config --global user.name "Your Name"
git config --global user.email "email@example.com"
```
</textarea>
            </div>
            <span class="start">17</span>
        </article>
        <div class="reward">
            <p>反馈信息</p>
            <textarea autocomplete="on"></textarea>
            <button class="reward-btn">反馈</button>
        </div>
    </main>
    <link rel="stylesheet" href="{{asset('vendor/markdown/css/editormd.min.css')}}" />
    <script type="text/javascript" src="{{asset('vendor/markdown/js/editormd.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('vendor/markdown/lib/marked.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('vendor/markdown/lib/prettify.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('vendor/markdown/lib/raphael.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('vendor/markdown/lib/underscore.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('vendor/markdown/lib/sequence-diagram.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('vendor/markdown/lib/flowchart.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('vendor/markdown/lib/jquery.flowchart.min.js')}}"></script>
    {{-- <script type="text/javascript">
    $(function() {
        editormd.markdownToHTML("doc-content", {
            htmlDecode: "style,script,iframe",
            emoji: true,
            taskList: true,
            tex: true, // 默认不解析
            flowChart: true, // 默认不解析
            sequenceDiagram: true, // 默认不解析
            codeFold: true,
        });
    });
    </script> --}}
    <footer>
        <p>Copyright © 成都东软学院 All Rights Reserved | 蜀ICP备12011972号</p>
    </footer>
</body>

</html>